<template>
	<view>
		<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="0">
			<view id="demo1" class="scroll-view-item_H uni-bg-red">
				<image v-for="i in 10" src="../../static/64427024gy1hnd3sy7l5cj21jk1117s7.jpg" mode="scaleToFill" />
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.scroll-view-item_H {
		display: inline-block;
		width: 100%;
	}

	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		height: 150rpx;
		padding-top: 32rpx;
		overflow: hidden;
	}

	.scroll-view_H::-webkit-scrollbar {
		display: none;
	}

	.scroll-view_H div::-webkit-scrollbar {
		display: none;
		/* Chrome Safari */
	}

	.scroll-view_H div {
		-ms-overflow-style: none;
		/* IE 10+ */
		scrollbar-width: none;
		/* Firefox */
	}


	.scroll-view-item_H image {
		width: 120rpx;
		height: 120rpx;
		border: 1px solid red;
		border-radius: 50%;
		margin: 10rpx;
	}
</style>